<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
    <title>Home</title>
    <link rel="icon" type="image/png" href="{{ url_for('static', filename='phillfinance.png') }}">
</head>
<body>
    <nav>
        <ul class="nav-list">
            <li><a href="{{ url_for('home') }}">Home</a></li>
            {% if current_user.is_authenticated %}
                <li><a href="{{ url_for('dashboard') }}">Dashboard</a></li>
                <li><a href="{{ url_for('logout') }}">Logout</a></li>
            {% else %}
                <li><a href="{{ url_for('login') }}">Login</a></li>
                <li><a href="{{ url_for('register') }}">Register</a></li>
            {% endif %}
        </ul>
    </nav>

    <header class="main-header">
        <h1>Welcome to PhillFinance Assistant  <br> <P>Your go-to tool for managing your finances effectively</P></h1>
        <p>.</p>
    </header>

    <main class="container">
        <section>
            <h2>Features</h2>
<ul>
    <li>Track your expenses effortlessly.</li>
    <li>Set and monitor your monthly budget goals.</li>
    <li>Organize your spending by category.</li>
    <li>Get insights into your financial habits.</li>
    <li>Stay informed about your remaining balance.</li>
    <li>Track and manage your debts with ease.</li>
    <li>Make payments towards your debts and reduce outstanding balances.</li>
    <li>View interactive expense and debt distribution graphs for better insights.</li>
    <li>Export your expenses and debts to CSV for easy record keeping.</li>
</ul>

        </section>

        <section>
            <h2>Getting Started</h2>
            {% if current_user.is_authenticated %}
                <p>
                    <a class="button primary" href="{{ url_for('dashboard') }}">Go to Dashboard</a>
                </p>
            {% else %}
                <p>
                    <a class="button primary" href="{{ url_for('login') }}">Login</a>
                    or
                    <a class="button secondary" href="{{ url_for('register') }}">Register</a> to get started!
                </p>
            {% endif %}
        </section>
    </main>
    <br><br><br><br>

    <footer class="main-footer">
        <p>&copy; 2025 PhillFinance Assistant. All rights reserved.</p>
    </footer>
</body>
</html>
